// 引入axios
import axios from "axios";
import { Toast } from "vant";
import Vue from "vue";
Vue.use(Toast);

// 给axios对象添加一下配置
const ins = axios.create({
    // 处理请求的url地址
    baseURL: "http://kumanxuan1.f3322.net:8001",
    // 请求的超时时间，如果请求超过设置的时间，那么就不在请求了
    timeout: 5000,   //这里表示5秒
    headers:{
        'X-Nideshop-Token':'token'
    }
})

// 书写请求拦截器  轻提醒
ins.interceptors.request.use(config=>{
    Toast.loading({
        message:'加载中...',
        forbidClick:true,
        duration:0.1300,
    });
    return config
})

// 返回的ins，也就还是哪个axios
/* 
如果代理后
ins.get("/代理名/请求路径") 
*/

// 请求拦截
// 每次请求，都触发这里的代码， 在下面这个请求中，他是用在请求接口中使用，每次都用在请求接口用
ins.interceptors.request.use(config => {
    // console.log("我是请求拦截，每一次请求都会执行我这里的代码");
    return config;
})


// 响应拦截
// 把请求到的数据，处理，返回到页面使用
ins.interceptors.response.use(res => {
    // res是请求到的结果
    return res.data;
})

// 将ins开发
export default ins;// ins 是不是就说axios对象